    <!---- FEATURE IMAGE SLIDER----->
    <div id="feature-image-cover" class="width-100per">
        <div id="feature-image" class="div-center width-x1000">
            <div id="izship-nivo-slider" class="floatleft">
                <div class="slider-wrapper theme-light">
                    <div id="slider" class="nivoSlider">
                        <img alt="" src="<?php echo bloginfo('template_directory') . '/js/nivo-slider/images/nemo.jpg'; ?>" />
                        <img alt="" src="<?php echo bloginfo('template_directory') . '/js/nivo-slider/images/up.jpg'; ?>"/>
                        <img alt="" src="<?php echo bloginfo('template_directory') . '/js/nivo-slider/images/walle.jpg'; ?>"/>
                    </div>
                    <div id="htmlcaption" class="nivo-html-caption">
                        <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
                    </div>
                </div>
                <style>
                    .nivo-controlNav {
                    	text-align: left!important;
                    	padding: 5px !important;
                    }
                                    </style>
                <script type="text/javascript" src="<?php echo bloginfo('template_directory') . '/js/nivo-slider/js/jquery.nivo.slider.pack.js'; ?>"></script>
                <script type="text/javascript">
                    $(window).load(function() {
                        $('#slider').nivoSlider();
                    });
                </script>
            </div>
            <div id="event-banner" class="floatright">
                <a href="<?php bloginfo('siteurl'); ?>"><img src="<?php echo bloginfo('template_directory') . '/images/event-banner.png'; ?>" /></a>
            </div>
            <div class="clear"></div>
        </div>
    </div>